* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    font-size: calc(12px + .3077vw);
    line-height: 26px;
    letter-spacing: 1px;
}

a {
    text-decoration: none;
}

input {
    background: none;
    outline: none;
    border: none;
}

ul{
    list-style: none;
    padding: 0;
}

// 头部
header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    .logoNav {
        display: none;
    }

    nav {
        .navbar-toggler {
            border: 0;
            // .navbar-toggler-icon {
            //     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.84%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
            // }
            &:focus {
                box-shadow: unset
            }
        }

        .navbar-collapse {
            justify-content: space-between;

            #login,
            #register {
                width: calc(60px + 4.6154vw);
                height: calc(30px + 1.1538vw);
                line-height: calc(30px + 1.1538vw);
                text-align: center;
                margin: 0;
                padding: 0;
            }

            #register {
                background-color: #fd4c5c;
                border-radius: .3846vw;
            color: #fff !important;
            }

            .nav-link {
                color: #fff;
                margin: 0 1.5385vw;
            }
        }

    }
}

.banner{
    position: relative;
    img{
        min-height: 160px;
    }
    .banner_text{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        h1{
            font-size: calc(25px + 2.6923vw);
            margin-bottom: 2.3077vw;
            margin-top: 6.5385vw;
            white-space: nowrap;
        }
        p{
            text-align: center;
            margin-bottom: 3.4615vw;
            opacity: 0.8;
        }
    }
}

//底部
footer{
    .left{
        p{
            margin-top: 1.2308vw;
            margin-bottom: 3.8462vw;
        }
    }
    .title{
        margin-bottom: 2.7692vw;
        font-weight: bold;
    }
    .item{
        margin-bottom: 2.3077vw;
        user-select: none;
        cursor: pointer;
    }
    .pic{
        margin-top: 3.0769vw;
    }
    .end{
        text-align: center;
        color: #000b33;
        margin-top: 8.8462vw;
        margin-bottom: 3.2308vw;
    }
}

@media screen and (max-width:1200px) {
    header {
        nav {
            .navbar-collapse {
                .nav-link {
                    margin: 0 .7692vw
                }
            }
        }
    }

}

@media screen and (max-width:992px) {
    header {
        background: url('../img/banner2.png') no-repeat;
        background-size: cover;
        nav {
            .navbar-collapse {
                .navbar-brand {
                    display: none;
                }
            }

            .logoNav {
                display: block;
            }

            .loginNav {
                #login {
                    background-color: #fd4c5c;
                    border-radius: .3846vw;
                    margin-bottom: 10px;
                    color: #fff !important;
                }
            }
        }
    }
}